.layui-main-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(/images/main_background.jpeg) 100% 100% / cover;
    opacity: 0.3;
}

.layui-row {
    margin: 15px auto;
    text-align: center
}

p {
    font-size: 18px;
    color: #A9A9A9;
}

.fun {
    color: #202020;
}

.icon {
    font-size: 40px;
    color: lightskyblue;
}

.send_icon {
    font-size: 40px;
    color: lightcoral;
}
.reply_icon{
    font-size: 40px;
    color: #4CAC6C;
    opacity: 0.5;
}
.notice_icon{
    font-size: 40px;
    color: red;
    opacity: 0.5;
}
.e_icon{
    font-size: 40px;
}

.g_icon{
    font-size: 40px;
    opacity: 0.5;
}

.p_icon {
    font-size: 40px;
    color: lightblue;
}

.del_icon {
    font-size: 40px;
    color: gray;
}

.xiu_icon {
    font-size: 40px;
    color: lightgreen;
}

.da_icon {
    font-size: 40px;
    color: lightpink;
}

.record_icon {
    font-size: 40px;
    color: lightslategray;
}

.same {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), 0 0 6px rgba(0, 0, 0, .04);
    border-radius: 10px;
}

.row_same {
    padding-top: 10px;
    padding-left: 10px;
}
.my_icon{
    font-size: 40px;
    color: olive;
}

.row_fun {
    padding-bottom: 20px;
}

.head_fluid {
    height: 50px;
    line-height: 50px;
    padding-left: 0;
    padding-right: 0;
    opacity: 0.7;
}

/*.layui-panel {*/
/*height: 15vw;*/
/*width: 100%;*/
/*background-color: #2f94de;*/
/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), 0 0 6px rgba(0, 0, 0, .04);*/
/*border-radius: 10px;*/
/*text-align: center;*/
/*font-size: 3vw;*/
/*line-height: 3vw;*/
/*display: flex;*/
/*flex-direction: column;*/
/*justify-content: center;*/
/*}*/

/*.layui-panel > a {*/
/*text-decoration: none;*/
/*color: white;*/
/*}*/

/*.layui-panel:hover {*/
/*background: #AD7DF5 !important;*/
/*opacity: 0.2;*/
/*box-shadow: 0px 0px 1px 1px white !important;*/
/*border-radius: 10px;*/
/*color:red;*/
/*cursor: pointer;*/
/*}*/